<template>
	<div class="list-item dis-flex">
		<slot name="left"></slot>
		<div class="item-center flex-1">
			<slot name="center"></slot>
		</div>
		<slot name="right"></slot>
	</div>
</template>
<script>
	export default{
		
	}
</script>
<style scoped lang="scss">
	@import '@/css/base.scss';
	.list-item{padding-top: 28px;padding-bottom: 28px;border-bottom: 1px solid transparent; 
  border-image: svg(1px-border param(--color #F8F8F8)) 2 2 stretch;border-top:0;}
</style>